<template>
  <div class="search">
    <h2>饿了么</h2>
    <div>
        <van-icon name="search" size=".5333rem"/>
        <input type="text" placeholder="输入商家、商品名称" @click="$router.push('/searchview')">
    </div>

  </div>
</template>

<script>
export default {

}
</script>

<style scoped lang="scss">
.search{
    background-color: #1989fa;
    padding: .4rem;
    h2{
        font-size: .64rem;
        color: white;
        font-weight: normal;
        margin: .2667rem;
    }
    div{
        background: white;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: .64rem;
        i{
            color: #999;
        }
        input{
            // width: 5.3333rem;
            border: none;
            outline: none;
            margin: .2667rem 0;
            font-size: .4267rem;
            padding: .1333rem;
            color: #ccc;
        }
    }
    
}
</style>